﻿/* reset layout */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/* implementation */
html{ }
body{ font: 0.83em/150% arial, tahoma, verdana, serif, "Courier New"; color: #202020; }
body.type_1 { background:url(../images/bg-content.jpg) repeat left top;}
a{ text-decoration: none; outline-style: none;}

img.bg_site,
img.bg_site_narrow { max-width:100%; min-width:960px; position:absolute; top:60px; left:0; z-index:0;} 
img.bg_site_narrow{ top: 0; display: none;}
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.type_1 #wrapper { float:left; width:100%; height:100%; background:url(../images/bg-site-1.jpg) repeat-x left top; }

img { max-width:100%; }

.inner { margin: 0 auto; width: 960px; }
.f_normal { font-weight:normal; }
.uppercase { text-transform:uppercase; }
 
.f_right { float:right; }
.f_left { float:left; }
 
.br_green { color:#056f16; }
.red { color:#eb2331; }
.pink { color:#d33990; }
.d_green { color:#139f2b; }
.blue { color:#4386b8; }
.default_link  { text-decoration:underline; color:#0316a1; }

h1 { float:left; width:100%; font-size:40px; line-height:130%; }
h2 { float:left; width:100%; font-size:26px; line-height:130%;}
h3 { float:left; width:100%; font-size:22px; line-height:120%;}
h4 { float:left; width:100%; font-size:18px; line-height:110%; }
h5 { float:left; width:100%; font-size:16px; }
h6 { float:left; width:100%; font-size:14px; }
 
i.icon { float:left; background:url(../images/sprites-icon.png) no-repeat; }
i.i_lock { width:16px; height:25px; margin-right:10px; background-position:0 -147px; }
i.i_arrow-left { width:25px; height:21px; margin-right:10px; background-position:-37px -147px; }
i.i_arrow-right { width:31px; height:31px; margin-left:15px; background-position:-83px -147px; }
i.i_location { width:52px; height:48px; background-position:0 -207px; }
i.i_newsletter { width:50px; height:39px; background-position:-79px -207px; }
i.i_pic { width:51px; height:50px; background-position:-156px -207px; }
i.i_tree { width:55px; height:52px; background-position:-241px -207px; }
i.i_subscribe { width:63px; height:64px; background-position:0 -359px; }
i.purple_circle { width:43px; height:43px; background-position:0 -465px; }
i.green_circle { width:43px; height:43px; background-position:-56px -465px; }
i.i_aa { width:43px; height:17px; background-position:0 -552px; }
i.big_arrow_down { width:11px; height:10px; background-position:-82px -296px; }
i.i_del { width:11px; height:9px; background-position:-129px -296px; }
i.arrow_down { width:8px; height:7px; background-position:-55px -296px; }
i.i_arrow_down { width:8px; height:7px; background-position:-106px -296px; }
i.circle_plus { width:28px; height:28px; background-position:-189px -465px; }
i.clock { width:32px; height:36px; background-position:-330px -355px; }
i.i_blue_plus { width:20px; height:20px; background-position:-252px -465px; }
i.i_arrow_right { float:right; width:17px; height:19px; background-position:-312px -296px; }
i.i_arrow_right_2 { float:right; width:41px; height:30px; background-position:-87px -547px; }
i.i_blue_arrow_right { float:right; width:13px; height:16px; background-position:-27px -318px; }
i.i_book { float:left; width:54px; height:47px; background-position:-403px -360px; }
i.i_books { width:34px; height:25px; background-position:-422px -207px; }
i.i_video { width:29px; height:29px; background-position:-351px -207px; }
i.i_download { width:22px; height:29px; background-position:-501px -207px; }
i.i_article { width:24px; height:23px; background-position:-569px -207px; }
i.i_checked { width:29px; height:29px; background-position:-320px -465px; }
i.i_comments { width:44px; height:30px; background-position:-515px -400px; }
i.i_private { width:29px; height:30px; background-position:-606px -400px; }
i.i_plus { width:14px; height:14px; background-position:-288px -465px; }
i.i_plus_1 { width:16px; height:16px; background-position:-553px -295px; }
i.i_minus { width:16px; height:16px; background-position:-525px -295px; }
i.i_sort { width:11px; height:26px; background-position:-432px -295px; }
i.i_info { width:21px; height:21px; background-position:-500px -465px; }
i.i_big_info { width:31px; height:30px; background-position:-597px -465px; }
i.i_arrow_left_1 { width:13px; height:13px; background-position:-469px -295px; }
i.i_arrow_right_1 { width:13px; height:13px; background-position:-489px -295px; }
i.i_x { width:21px; height:21px; background-position:-551px -465px; }
i.i_close { width:26px; height:27px; background-position:-450px -465px; }

i.i_key { width:18px; height:24px; background-position:-292px -614px; }
i.i_white_key { width:19px; height:25px; background-position:-262px -614px; }
i.i_villa { width:24px; height:19px; background-position:-327px -614px; }
i.i_4_stars { width:24px; height:22px; background-position:-366px -614px; }
i.i_3_stars { width:24px; height:23px; background-position:-404px -614px; }
i.i_2_stars { width:24px; height:12px; background-position:-442px -614px; }
i.i_monastery { width:24px; height:24px; background-position:-479px -614px; }
i.i_gender { width:17px; height:16px; background-position:-526px -614px; }
i.i_gallery { width:14px; height:14px; background-position:-558px -614px; }
i.i_human { width:6px; height:16px; background-position:-526px -614px; }
i.i_trash { width:15px; height:16px; background-position:-587px -614px; }
i.i_edit { width:16px; height:16px; background-position:-616px -614px; }

i.i_s_key { width:12px; height:16px; background-position:-295px -576px; }
i.i_star { width:17px; height:21px; background-position:-328px -576px; }
i.i_bed { width:16px; height:7px; background-position:-366px -576px; }
i.i_lug { width:11px; height:16px; background-position:-409px -576px; }
i.i_drag { width:34px; height:35px; background-position:-538px -693px; }

i.i_twitter { width:33px; height:31px; background-position:-662px -360px; }
i.i_face { width:33px; height:33px; background-position:-663px -409px; }
i.i_google { width:36px; height:31px; background-position:-666px -462px; }
i.i_d_arrow_right { width:10px; height:10px; background-position:-621px -295px; }
i.i_d_arrow_left { width:10px; height:10px; background-position:-621px -316px; }
i.i_slide_up { width:26px; height:26px; background-position:-673px -207px; }
i.i_slide_down { width:26px; height:26px; background-position:-625px -207px; }

i.i_notice { width: 44px; height: 44px; background-position: -725px -205px}
i.i_question_mark { width:18px; height:18px; background-position: -448px -576px}
i.i_email { width:48px; height:55px; background-position: -802px -205px}

a.button_watch { clear:both; float:left; width:95px; height:36px; margin:10px 0 0 20px; background:url(../images/sprites-icon.png) no-repeat -124px -360px; }
a.button_watch:hover { background-position:-124px -396px; }

.buttons { float:left; height:41px; background:url(../images/sprites-color_buttons.png) repeat-x left top; line-height:38px; color:#fff; font-weight:bold; font-size:14px; padding:0 10px; border:none; cursor:pointer; 
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.buttons.gray { height:38px; background-position:0 -297px; color:#515151; }
.buttons.gray:hover { background-position:0 -336px; }
.buttons.yellow_green { background-position:0 -147px; border:1px solid #3d9c4c !important; }
.buttons.yellow_green:hover { background-position:0 -188px; }
.buttons.bright_blue { background-position:0 0; border:1px solid #3d9c7b !important; }
.buttons.bright_blue:hover { background-position:0 -41px;}
.buttons.green { background-position:0 -432px; border:1px solid #3d9c4c !important; }
.buttons.green:hover { background-position:0 -473px; }

.buttons.bg_color_4 { background:#e1e1e1; font-size:14px; color:#777; border:1px solid #b7b7b7;}
.buttons.bg_color_4:hover { background:#e9e9e9; }

.buttons.bg_color_5 { height:35px; line-height:34px; background:url(../images/sprites-color_buttons.png) repeat-x 0 -627px; font-size:16px; text-shadow:-1px -1px #666; font-weight:normal; border:1px solid #0e7316; }
.buttons.bg_color_5:hover { background-position:0 -663px; }

.buttons.bg_color_6 { background-image:none; background-color:#3ab652; }
.buttons.bg_color_6:hover { background-color:#33a048; }

.buttons.bg_color_7 { background:#dbf1da; font-size:14px; color:#444; border:1px solid #7da07c; }
.buttons.bg_color_7:hover { background:#d1e6d0; }

.buttons.bg_color_8 { height:75px; line-height:75px; background:#fff; font-size:24px; color:#474747; border:1px solid #c2c2c2; text-align:center; border-radius:0; }
.buttons.bg_color_8:hover { background:#f9f9f9; }

.buttons.bg_color_9 { height:60px; line-height:55px; background-position:0 -716px; border:1px solid #929292; font-size:18px; color:#fff; font-weight:normal; }
.buttons.bg_color_9:hover { background-position:0 -776px; }

.buttons.bg_color_10 { height:60px; line-height:55px; background-position:0 -855px; border:1px solid #929292; font-size:18px; color:#fff; font-weight:normal; }
.buttons.bg_color_10:hover { background-position:0 -915px; }

.button_view_1 { float:left; width:91px; height:91px; background:url(../images/sprites-icon.png) no-repeat 0 -693px; text-indent:-999em;  }
.button_view_1:hover { background-position:-109px -693px;  }

button.buttons { line-height:0 !important; *line-height:110% !important; padding-bottom:3px !important; }
 
#header { float:left; width:100%; position:relative; z-index:3; }
#header.layer_top { z-index:3; }
#header.height { min-height:500px; }
#header .top { float:left; width:100%; position:relative; z-index:3}
#header .top .block { float:left; width:830px; height:58px; background:#ececec;  }
#header .font_size { float:right;  margin-top:5px; font-size:12px; text-transform:uppercase; color:#fff; cursor:pointer; text-align:right; }
#header .font_size i { float:right; }
#header .authorize { float:left;  }
#header .authorize li { float:left;  }
#header .authorize li a { float:left; height:58px; line-height:58px; padding:0 20px; font-size:14px; color:#515151; background:url(../images/sep.png) no-repeat right center; }
#header .authorize li.last a { background:none; }
#header .authorize li .i_lock  { height:42px; background-position:0 -131px; }
#header .authorize li .i_arrow-left { height:38px; background-position:-37px -130px; }

#header .bottom { float:left; width:100%; margin-top:20px; }
#header .bottom .font_size { margin-top:10px; }

#header .notice { position:relative;float:left; line-height:39px; font-size:14px; color:#fff; font-weight:bold; }
#header .notice h3 { float:left; margin-top:10px; font-size:24px; color:#fff; }
#header .notice h3 span { font-size:18px; font-weight:normal; }
#header .notice h3 em { color:#d71e64; font-style:normal; }
#header .notice h3 a { font-size:14px; font-weight:normal; text-transform:none; }
#header .notice i { margin-right:20px; }
#header .notice a { text-transform:uppercase; text-decoration:underline; color:#fff; }
#header .notice .important { color:#e62f2f; }
#header .notice .number { position:absolute; top:16px; left:30px; width:8px; height:26px; padding:0 9px; background:url(../images/sprites-icon.png) no-repeat -131px -465px; font-size:14px; color:#fff; font-weight:bold; line-height:25px; }

#header .search { float:right; width:485px; margin:10px 10px 0 0; }
#header .search.small { width:385px; }
#header .search input{ float:left; width:250px; padding:0 5px; margin-right:10px; height:35px; line-height:35px; border:1px solid #959595; }
#header .search.small input{ width:210px;}
#header .search .buttons { float:right; width:200px; border:1px solid #acacac; }
#header .search.small .buttons { width:150px; }
	

.regular-checkbox { display: none;}
.regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
                            padding: 9px; /*border-radius: 3px;*/ display: inline-block; position: relative; float:left;}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        float:left;
}
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 24px;
    position: absolute;
    top: -3px;
    left: 0px;
    color: #000;
}
	
/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
    cursor:pointer;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #555555;
	box-shadow: inset 0px 0px 10px #000;
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
    /*box-shadow: 0 1px 2px #000, inset 0px 1px 3px #000;*/
}
	
	
@media only screen and (max-width: 980px) { 


}
	
@media only screen and (max-width: 1200px) { 
	


	.responsive .inner { width: 980px !important; position: relative; }
	.responsive #header h2{ height: 80px; margin-left: 20px; width: 84%; background: url(../images/text_event.png) no-repeat}
	.responsive #header .event-desc{  width: 380px; top: 110px; padding: 20px; color: #fff; text-shadow: -1px 1px 0 #000; background: url(../images/bg_extra_desc.png) right top repeat-y;
	}
	.responsive #header .event-desc h3{ font-size: 20px; padding-bottom: 5px;}
	.responsive #header .event-desc p{ font-size: 16px;}
	.responsive #header .extra-desc{ display: none;}
	.responsive #header .eckhart-tolle{ clear: both; float: left;}
	.responsive #content{ position: relative;}
	.responsive #content .page_info .content{ margin-top: 0;}


	.responsive #content .content{ float: left; background: #fff;}
	.responsive #content .content .block-header{ float: left; width: 100%; background: #e1e1e1;}
	.responsive #content .content .event-tabs{ float: left; margin: 15px 0 0 0;}
	.responsive #content .content .event-tabs li{ float: left; margin-left: 10px; display: inline}
	.responsive #content .content .event-tabs a{ width: 140px;	}

	
	.responsive #content .content > .block{ width: 920px; padding: 30px 30px; background: none;}
	.responsive #content .content > .block .col_1{ width: 508px; margin-right: 30px;}
	.responsive #content .content > .block .text{ width: 84%; margin: 25px 8%;}
	.responsive #content .content > .block .col_2{ width: 380px;}
	.responsive #content .content > .block .col_2 h4{ font: 21px/150% Helvetica, Arial, tahoma, verdana;}
	.responsive #content .content > .block .col_2 img{ margin-top: 50px;}
	.responsive #content .content > .block .text p{ font: 16px/150% Helvetica, Arial, tahoma, verdana; margin-bottom: 0px; padding-bottom: 15px;}
	.responsive #content .content > .block .img{ float: left; clear: both; margin: 0 0 20px 20px; }
	.responsive #content .content > .block .img img{ margin: 0; padding: 20px; background: #fff; width: 420px;}
}

@media only screen and (max-width: 1400px) { 
	img.bg_site,
	#bg{ display: none !important;}
	img.bg_site_narrow{ display: block;}
}


	